html, body, ul, li, img, input, label {
	padding: 0;
	margin: 0;
}
body{
	background-color: #000000;
	form {
		ul {
			list-style-type: none; 
			li {
				display: inline-block;
				margin-right: 10px; 
			
				.smallPicture {
					  height: 150px;
					  width: 150px; 
				}
			}
		}
		&>label>img {
			display: none;
		}
		

	input[type=radio] {
		display: none; 

		&:checked + label img{
				display: inline-block;
				width: 500px;
				height: 500px;
				background-repeat: no-repeat;
				margin-left: 40px; 
				#lionSpan {
					background-image: url(images/lions.png); 
				}
				#tigerSpan {
					background-image: url(images/tiger.png); 
				}
				#pantherSpan {
					background-image: url(images/panther.png);
				 }
				#cheetahSpan {
					background-image: url(images/cheetah.png); 
				}
				#polarBearSpan {
					background-image: url(images/polar_bears.png); 
				}
				#blackHorseSpan {
					background-image: url(images/black_horse.png);
				 }
			}
		}
	}
	
}